<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>Trial Account</title>
<script src="../js/jquery-1.5.1.min.js" type="text/javascript"></script>
<script src="../js/plugin/jquery-ui-1.8.12.custom.min.js"
	type="text/javascript"></script>
<script src="../js/plugin/jquery.bgiframe-2.1.2.js" type="text/javascript"></script>
<script type="text/javascript" src="../js/wufoo.js"></script>
<link href="../css/jquery/jquery.ui.all.css" rel="stylesheet"></link>
<link href="../css/jquery/jquery.ui.dialog.css" rel="stylesheet"></link>
<link rel="stylesheet" href="../css/structure.css" type="text/css" />
<link rel="stylesheet" href="../css/form.css" type="text/css" />
<link rel="stylesheet" href="../css/theme.css" type="text/css" />

<script>
	$(document).ready(function() {
		$("#name").focus();
		$("#problemDescription").focus(function() {
			$(this).text("");
		});

		$("#submitChat").click(function() {
			$("#container input").attr('disabled', true);
			$("#container textarea").attr('disabled', true);
			document.getElementById('ICContainer').style.display = '';
			loadInstantChat();
			$("#container").fadeTo(1200, 0.5);
		});
	});
</script>

<script type="text/javascript"
	src="https://secure.logmeinrescue.com/InstantChat/InstantChat.aspx"></script>
<script type="text/javascript">
	function loadInstantChat() {
		var ICLoader = new RescueInstantChatLoader();
		ICLoader.ICContainer = "ICContainer";
		ICLoader.HostedCSS = "https://www.logmein.com.tw/logmein/css/InstantChat.css";
		ICLoader.HostedLanguagesForChatOnlyMode = "https://www.logmein.com.tw/logmein/js/LanguagesForChatOnlyMode.js";
		ICLoader.HostedLanguagesForAppletMode = "https://secure.logmeinrescue.com/InstantChat/LanguagesForAppletMode.js";
		ICLoader.EntryID = "637465917";
		ICLoader.Name = document.getElementById("name").value; /* optional */
		ICLoader.Comment1 = document.getElementById("email").value; /* optional */
		ICLoader.Comment2 = document.getElementById("problemDescription").value; /* optional */
		//ICLoader.Comment3 = document.getElementById("Comment3").value; /* optional */
		//ICLoader.Comment4 = document.getElementById("Comment4").value; /* optional */
		//ICLoader.Comment5 = document.getElementById("Comment5").value; /* optional */
		ICLoader.Tracking0 = ""; /* optional */
		ICLoader.Language = "zh-tw"; /* optional */
		ICLoader.HostedErrorHandler = function(ErrorName) {
		} /* optional */
		ICLoader.Start();
	}
	function handleRebootOrRefresh() {
		if ((window.location + "").indexOf("rescuewebsessionid") != -1) {
			document.getElementById("ICContainer").style.display = "";
			loadInstantChat();
		} /* optional */
		if (window.location.hash.length == webSessionIdLength + 1) {
			document.getElementById("ICContainer").style.display = "";
			loadInstantChat();
		} /* optional */
	}
</script>
</head>
<body id="public" onload="handleRebootOrRefresh();">
	<div id="container">
		<div class="info">
			<h2>&#27489;&#36814;&#20351;&#29992;&#32218;&#19978;&#35566;&#35426;&#26381;&#21209;</h2>
			<div>&#32218;&#19978;&#35566;&#35426;&#26381;&#21209;&#25552;&#20379;&#24744;&#33287;&#23458;&#26381;&#21450;&#26178;&#30340;&#32218;&#19978;&#23565;&#35441;&#24179;&#21488;</div>
		</div>
		<form class="wufoo" action="" method="">
			<ul>
				<li><label class="desc">&#22995;&#21517; <span
						class="req">*</span> </label>
					<div>
						<input class="field text large" type="text" maxlength="255"
							id="name" />
					</div>
					<p class="instruct">&#35531;&#30041;&#19979;&#24744;&#30340;&#20840;&#21517;&#20197;&#25552;&#20379;&#23458;&#26381;&#20154;&#21729;&#26356;&#36805;&#36895;&#30340;&#25628;&#23563;.</p>
				</li>
				<li><label class="desc">Email <span class="req">*</span>
				</label>
					<div>
						<input class="field text large" type="text" maxlength="255"
							id="email" />
					</div>
					<p class="instruct">&#35531;&#30041;&#19979;&#24744;&#30340;
						email
						&#20197;&#20379;&#23458;&#26381;&#20154;&#21729;&#24555;&#36895;&#30340;&#25628;&#23563;&#25110;&#35566;&#35426;&#24460;&#32380;&#32396;&#20197;
						email &#26381;&#21209;&#24744;.</p>
				</li>
				<li><label class="desc">&#35566;&#35426;&#20839;&#23481;
						<span class="req">*</span> </label>
					<div>
						<textarea id="problemDescription" rows="10" cols="50"
							class="field textarea medium">&#35531;&#36664;&#20837;&#24744;&#30340;&#35566;&#35426;&#20839;&#23481;</textarea>
					</div>
					<p class="instruct">&#28858;&#20102;&#21152;&#36895;&#25105;&#20497;&#26381;&#21209;&#24744;&#30340;&#36895;&#24230;,&#35531;&#30906;&#23450;&#20197;&#19978;&#34920;&#21934;&#36039;&#35338;&#26159;&#27491;&#30906;,&#40670;&#36984;
						"&#32218;&#19978;&#35566;&#35426;"
						&#25353;&#37397;&#24460;&#25105;&#20497;&#23559;&#26371;&#31435;&#21363;&#25509;&#36890;&#24744;&#33287;&#23458;&#26381;&#20154;&#21729;.</p>
				</li>
				<li><input id="submitChat" class="btTxt" type="button"
					value="&#32218;&#19978;&#35566;&#35426;" />
			</ul>
		</form>
	</div>

	<div id="ICContainer"
		style="position: absolute; left: 30%; top: 30%; width: 560px; height: 240px; display: none"></div>
</body>